<template>
    <div style="position: relative;">
        <!-- 面包屑导航 -->
        <el-breadcrumb separator-class="el-icon-arrow-right" class="tit">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>{{ title }}</el-breadcrumb-item>
        </el-breadcrumb>
        <!-- 角色管理列表 -->
        <template>
            <el-table :data="rolelist" style="width: 100%" border>
                <el-table-column prop="roleDesc" label="职责" width="160">
                </el-table-column>
                <el-table-column prop="roleName" label="担任角色" width="160">
                </el-table-column>
            </el-table>
        </template>
    </div>
</template>
<script>
import { GetRoles } from '@/api/roles';

export default {
    data() {
        return {
            title: null,
            rolelist: null
        }
    },
    methods: {
        async getdata() {
            let res = await GetRoles();
            console.log(res.data.data);
            this.rolelist = res.data.data
        }
    },
    mounted() {
        this.getdata();
        this.title = sessionStorage.getItem('title')
    }
}

</script>
<style>
</style>